<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>手机</title>
	<link rel="stylesheet" href="style.css">
	<link rel="shortcut icon" href="images/huawei_03.png" type="image/x-icon">
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<ul>
                <li>
                    <a href="http://cuoweidemengmei.gitee.io/huaweishangchengshouye">首页</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="#">华为官网</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="#">荣耀官网</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="#">花粉俱乐部</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="#">帮助中心</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="#">V码（优购码）</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="#">企业购</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="#">Slect Region</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="#">更多精彩</a>
                    <i></i>
                </li>
                <li>
                    <a href="#">请登录</a>
                </li>
                <li>
                    <a href="http://cuoweidemengmei.gitee.io/huaweishangchengdezhuce">注册</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="#">我的订单</a>
                    <span>|</span>
                </li>
                <li>
                    <i></i>
                    <a href="#">购物车（0）</a>
                </li>
            </ul>
	</div>
	<!-- 导航 -->
	<div class="nav">
		<div class="nav_left">
                <p>
                    <img src="images/logo20170801113951.png" alt="">
                </p>
                <ul>
                    <li>
                        <a href="#">手机</a>
                    </li>
                    <li>
                        <a href="#">笔记本&平板</a>
                    </li>
                    <li>
                        <a href="#">智能穿戴</a>
                    </li>
                    <li>
                        <a href="#">智能家居</a>
                    </li>
                    <li>
                        <a href="#">通用配件</a>
                    </li>
                    <li>
                        <a href="#">专属配件</a>
                    </li>
                </ul>
            </div>
            <div class="nav_right">
                <ul>
                    <li>
                        <a href="#">HUAWEIP20</a>
                    </li>
                    <li>
                        <a href="#">荣耀Play</a>
                    </li>
                </ul>
                <p></p>
            </div>
	</div>
	<!-- 主体内容 -->
	<div class="main">
		<!-- 导航条 -->
		<div class="main1">
			<p>
				<a href="http://cuoweidemengmei.gitee.io/huaweishangchengshouye">首页</a>
				<span>&gt</span>
				<a href="#">手机</a>
			</p>
			<div class="main1_top">
				<ul>
					<li>
						<a href="#">分类：</a>
					</li>
					<li>
						<a href="#">
							<span>全部</span>
						</a>
					</li>
					<li>
						<a href="#">荣耀</a>
					</li>
					<li>
						<a href="#">HUAWEI P系列</a>
					</li>
					<li>
						<a href="#">荣耀畅玩系列</a>
					</li>
					<li>
						<a href="#">HUAWEI Mate系列</a>
					</li>
					<li>
						<a href="#">HUAWEI nova系列</a>
					</li>
					<li>
						<a href="#">HUAWEI 麦芒系列</a>
					</li>
					<li>
						<a href="#">华为畅享系列</a>
					</li>
					<li>
						<a href="#">移动4G+专区</a>
					</li>
				</ul>
			</div>
			<div class="main1_bottom">
				<ul>
					<li>
						<a href="#">排序：</a>
					</li>
					<li>
						<a href="#">
							<span>默认</span>
						</a>
					</li>
					<li>
						<a href="#">价格</a>
					</li>
					<li>
						<a href="#">评价数</a>
					</li>
					<li>
						<a href="#">上架时间</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 手机品牌 -->
		<div class="main2">
			<ul>
				<li>
					<img src="images/142_142_1527841436401mp.jpg" alt="">
					<p>荣耀9i 全网通 4GB+64GB (幻夜黑)</p>
					<p>¥1399</p>
					<p>
						<a href="#">选购</a>
						<span>2433人评价</span>
					</p>
				</li>
				<li>
					<img src="images/142_142_1527925630247mp.jpg" alt="">
					<p>荣耀play 全网通 4GB+64GB (幻夜黑)</p>
					<p>¥1999</p>
					<p>
						<a href="#">选购</a>
						<span>3481人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1513154203013mp.jpg" alt="">
					<p>华为畅享7S 3GB+32GB 全国通标配版（蓝色）</p>
					<p>¥1499</p>
					<p>
						<a href="#">选购</a>
						<span>4347人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1527213327098mp.jpg" alt="">
					<p>华为畅享 8e 青春 2GB+32GB 全网通版（蓝色）</p>
					<p>¥799</p>
					<p>
						<a href="#">选购</a>
						<span>349人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1526518430298mp.jpg" alt="">
					<p>荣耀畅玩7 全网通 4GB+16GB (黑色)</p>
					<p>¥599</p>
					<p>
						<a href="#">选购</a>
						<span>1288人评价</span>
					</p>
				</li>
			</ul>
		</div>
		<div class="main2">
			<ul>
				<li>
					<img src="images/428_428_1476858329809mp.jpg" alt="">
					<p>华为畅享8e 3GB+32GB 全国通标配版（粉色）</p>
					<p>¥1099</p>
					<p>
						<a href="#">选购</a>
						<span>670人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1523952379540mp.jpg" alt="">
					<p>华为畅享8plus 4GB+128GB 全国通版（金色）</p>
					<p>¥1899</p>
					<p>
						<a href="#">选购</a>
						<span>4225人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1520567761515mp.jpg" alt="">
					<p>华为畅享8 3GB+32GB 全国通标配版（粉色）</p>
					<p>¥1299</p>
					<p>
						<a href="#">选购</a>
						<span>2244人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1523430506694mp.jpg" alt="">
					<p>HUAWEI P20Pro 6GB+128GB全网通版（极光色）</p>
					<p>¥5488</p>
					<p>
						<a href="#">选购</a>
						<span>3377人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1522134758889mp.jpg" alt="">
					<p>HUAWEI P20Pro 6GB+128GB全网通版（极光色）</p>
					<p>¥4288</p>
					<p>
						<a href="#">选购</a>
						<span>1288人评价</span>
					</p>
				</li>
			</ul>
		</div>
		<div class="main2">
			<ul>
				<li>
					<img src="images/428_428_1521789638817mp.jpg" alt="">
					<p>华为畅享8e 3GB+32GB 全国通版（粉色）</p>
					<p>¥1099</p>
					<p>
						<a href="#">选购</a>
						<span>670人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1521789402333mp.jpg" alt="">
					<p>华为畅享8plus 4GB+128GB 全国通版（金色）</p>
					<p>¥1899</p>
					<p>
						<a href="#">选购</a>
						<span>4225人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1521287027365mp.jpg" alt="">
					<p>华为畅享8 3GB+32GB 全国通标配版（粉色）</p>
					<p>¥1299</p>
					<p>
						<a href="#">选购</a>
						<span>2244人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1522652416476mp.jpg" alt="">
					<p>HUAWEI P20Pro 6GB+128GB全网通版（极光色）</p>
					<p>¥5488</p>
					<p>
						<a href="#">选购</a>
						<span>3377人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1522652416476mp.jpg" alt="">
					<p>HUAWEI P20 6GB+128GB全网通版（极光色）</p>
					<p>¥4288</p>
					<p>
						<a href="#">选购</a>
						<span>1678人评价</span>
					</p>
				</li>
			</ul>
		</div>
		<div class="main2">
			<ul>
				<li>
					<img src="images/428_428_1525334948370mp.jpg" alt="">
					<p>HUAWEInova 3e 4GB+128GB 全网通版（克莱因蓝）</p>
					<p>¥2199</p>
					<p>
						<a href="#">选购</a>
						<span>2433人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1520586237115mp.jpg" alt="">
					<p>荣耀9青春版 移动4G+高配版4GB+32GB（幻夜黑）</p>
					<p>¥1399</p>
					<p>
						<a href="#">选购</a>
						<span>3481人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1513154203013mp.jpg" alt="">
					<p>HUAWEI 麦芒5 全网通高配版（香槟金）</p>
					<p>¥2399</p>
					<p>
						<a href="#">选购</a>
						<span>4347人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1520998736628mp.jpg" alt="">
					<p>荣耀畅玩7C 全网通标配版3GB+32GB(铂光金)</p>
					<p>¥799</p>
					<p>
						<a href="#">选购</a>
						<span>349人评价</span>
					</p>
				</li>
				<li>
					<img src="images/428_428_1520567761515mp.jpg" alt="">
					<p>荣耀V10 移动4G+高配版6GB+64GB (极光蓝)</p>
					<p>¥599</p>
					<p>
						<a href="#">选购</a>
						<span>2799人评价</span>
					</p>
				</li>
			</ul>
		</div>
		<!-- 按钮 -->
		<div class="main3">
			<ul>
				<li>|<</li>
				<li><</li>
				<li>1</li>
				<li>2</li>
				<li>></li>
				<li>>|</li>
			</ul>
		</div>
	</div>
	<!-- 指南 -->
	<div class="guild">
		<div>
        		<div class="guild_top">
        			<ul>
        				<li>
        					<i></i>
        					<span>百强企业 品质保证</span>
        				</li>
        				<li>
        					<i></i>
        					<span>7天退货 15天换货</span>
        				</li>
        				<li>
        					<i></i>
        					<span>48元起免运费</span>
        				</li>
        				<li>
        					<i></i>
        					<span>448家维修网点 全网联保</span>
        				</li>
        			</ul>
        		</div>
        		<div class="guild_buttom">
        			<div class="guild_buttom_left">
        				<ul>
        					<li>
        						<p></p>
        						<h3>购物相关</h3>
        						<p><a href="#">购物指南</a></p>
        						<p><a href="#">配送方式</a></p>
        						<p><a href="#">支付方式</a></p>
        						<p><a href="#">常见问题</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>保修与退换货</h3>
        						<p><a href="#">保修政策</a></p>
        						<p><a href="#">退换货政策</a></p>
        						<p><a href="#">退换货流程</a></p>
        						<p><a href="#">保修状态查询</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>维修与技术支持</h3>
        						<p><a href="#">售后网点</a></p>
        						<p><a href="#">预约维修</a></p>
        						<p><a href="#">手机寄修</a></p>
        						<p><a href="#">维修配件价格查询</a></p>
        						<p><a href="#">上门服务</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>关于我们</h3>
        						<p><a href="#">公司介绍</a></p>
        						<p><a href="#">华为商城简介</a></p>
        						<p><a href="#">华为线下门店</a></p>
        						<p><a href="#">荣耀线下门店</a></p>
        						<p><a href="#">诚征英才</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>关注我们</h3>
        						<p><a href="#">新浪微博</a></p>
        						<p><a href="#">腾讯微博</a></p>
        						<p><a href="#">花粉俱乐部</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>友情链接</h3>
        						<p><a href="#">华为官网</a></p>
        						<p><a href="#">华为商城手机版</a></p>
        						<p><a href="#">荣耀官网</a></p>
        						<p><a href="#">花粉俱乐部</a></p>
        						<p><a href="#">网站地图</a></p>
        					</li>
        				</ul>
        			</div>
        			<div class="guild_buttom_right">
        				<p></p>
        				<p>400-088-6888</p>
        				<p>24小时客服热线(仅收市话费)</p>
        				<p>
        					<i></i>
        					<a href="#">在线客服</a>
        				</p>
        			</div>
        		</div>
        	</div>
	</div>
	<!-- 页脚 -->
	<div class="footer">
		<div>
        		<p>
        			<img src="images/flogo.png" alt="">
        		</p>
        		<div>
        			<p>隐私声明 服务协议 Copyright©2012-2018华为软件技术有限公司版权所有保留一切权利</p>
        			<p>公安备案苏公网安备32011402010009号|苏ICP备17040376号-6|增值电信业务经营许可证：苏B2-20130048号|</p>
        			<p>网络文化经营许可证：苏网文[2013]1599-026号</p>
        		</div>
        		<ul>
        			<li>
        				<img src="images/20180522101715775.jpg" alt="">
        			</li>
        			<li>
        				<img src="images/20160226162415360.png" alt="">
        			</li>
        			<li>
        				<img src="images/20160226162521265.png" alt="">
        			</li>
        			<li>
        				<img src="images/20160226162531395.png" alt="">
        			</li>
        			<li>
        				<img src="images/20170725194955862.jpg" alt="">
        			</li>
        		</ul>
        	</div>
	</div>
	<script src="script.js"></script>
</body>
</html>